// Copyright @ 2018-present xiejiahe. All rights reserved. MIT license.
// See https://github.com/xjh22222228/nav

// <html>
.dark-container {
  .dark {
    &-primary {
      color: #58a6ff !important;
      font-weight: 600;
    }

    &-title {
      color: #c9d1d9 !important;
      font-weight: 600 !important;
    }

    &-white {
      color: #fff !important;
    }

    &-shadow {
      box-shadow: 0 0 5px rgba(255, 255, 255, 0.1) !important;
    }

    &-bg {
      background-color: #0d1117 !important;
    }
    &-hover {
      &:hover {
        background-color: #21262d !important;
      }
    }
    &-hover-text {
      &:hover {
        color: #fff !important;
      }
    }

    &-bg-gary {
      background-color: #21262d !important;
    }

    &-bg-gary2 {
      background-color: rgb(53, 54, 58) !important;
    }

    &-bg-deep {
      background-color: #000 !important;
    }

    &-text {
      color: #6e7681 !important;
    }

    &-text-active {
      color: #c9d1d9 !important;
      font-weight: 600;
    }

    &-border-color {
      border-color: #30363d !important;

      &:after,
      &:before {
        border-color: transparent !important;
      }
    }

    &-item-active {
      background-color: #21262d !important;
      border-color: #21262d !important;
      color: #c9d1d9 !important;
      font-weight: 600;
    }

    &-scrollbar {
      &::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: rgb(39, 39, 39);
      }
      &::-webkit-scrollbar-thumb {
        background-color: rgb(96, 96, 96);
        border: 2px solid rgb(39, 39, 39);
        border-radius: 100px;
        &:hover {
          background-color: rgb(136, 136, 136);
        }
      }
      &::-webkit-scrollbar-cornet {
        display: block;
      }
    }
    // 全局滚动条细边
    &-scrollbar-border {
      &::-webkit-scrollbar-thumb {
        border: 3px solid rgb(39, 39, 39);
      }
    }

    &-item-hover:hover {
      background-color: #30363d !important;
      border: 1px solid #8b949e !important;
    }

    // fix-bar
    &-action-hover:hover {
      background-color: #c9d1d9 !important;

      & > * {
        color: #fff !important;
      }
    }
  }
}
